import React from 'react';
import ReactDOM from 'react-dom';
import { Router,Route,hashHistory,IndexRoute } from 'react-router';

import Home from './route/home.js';
import Content from './route/content.js';
import Fashion from './route/fashion.js';
import HotSong from './route/hotSong.js';
import Main from './components/main.js';
import Singer from './route/singer';
import Album from './route/album';
import Playlist from './route/playlist.js';
import MV from './route/mv';
import Detail from './route/detail';

class Index extends React.Component {
	
	render(){
		
		
		return (
			<Router history={hashHistory}>
				<Route path="/" component={Home}>
					<IndexRoute component={Main}/>
					<Route path='/singer' component={Singer}/>
					<Route path="/album" component={Album}/>
					<Route path="/toplist" component = {Content}>
						<IndexRoute component={Fashion}/>
						<Route path="/fashion" component={Fashion} />
						<Route path="/hotsong" component={HotSong} />
					</Route>
					<Route path="/playlist" component={Playlist}/>
					<Route path="/mv" component={MV}/>
					<Route path="/detail" component={Detail} />
				</Route>
				
			</Router>
		
		)
	}
}


ReactDOM.render(<Index/>,document.getElementById('main'));